const path = require("path");
module.exports = {
  //入口文件路径
  entry: path.resolve(__dirname, "./src/index.js"),

  //出口配置
  output: {
    path: path.resolve(__dirname, "./build"),
    filename: "./js/bundle.js"
  },

  //loader配置
  module: {
    rules: [{
      /* 
        test:后边配置的是一个正则表达式,用来匹配文件名是否符合当前loader的条件
      */
      test: /\.css$/i,
      /* 
        css-loader:为了识别css类型文件进行打包
        style-loader:js把样式放在style标签中,并插入到页面中
        use后如果是一个数组,则是从后向前一致加载
      */
      use: ["style-loader", "css-loader"],
    }, ],
  },

  //模式
  mode: "production"
}